/**
 * Copyright 2025 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@use '@angular/material' as mat;

.events-wrapper {
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  font-weight: 700;
  color: var(--event-tab-events-wrapper-color);

  .empty-state {
    color: initial;
    padding-top: 1em;
    text-align: center;
    font-weight: 400;
    font-style: italic;
  }
}

.event-index {
  color: var(--event-tab-event-index-color);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-right: 10px;
}

.event-title {
  font-family: 'Google Sans Mono', monospace;
}

.spacer {
  flex: 1 1 auto;
}

.events-container {
  margin-top: 20px;
}

.event-container {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}

.function-event-button {
  margin-top: 11px;
}

.event-list {
  @include mat.list-overrides(
    (
      active-indicator-color: var(--event-tab-event-list-active-indicator-color),
      list-item-container-color:
        var(--event-tab-event-list-list-item-container-color),
      list-item-label-text-size: 14px,
      list-item-label-text-weight: 400,
      list-item-one-line-container-height: 52px,
    )
  );
}

:host ::ng-deep .mdc-list-item {
  border: 1px solid var(--event-tab-mdc-list-item-border-color);
  cursor: pointer;

  &:hover {
    background-color: var(--event-tab-mdc-list-item-hover-background-color);
  }
}

.event-header {
  display: flex;
  justify-content: space-between;
}
